<ion-header no-border id="home_header">
  <ion-navbar transparent #header>
    <ion-title id="home_title">主页</ion-title>
  </ion-navbar>
</ion-header>

<ion-content fullscreen (ionScroll)="scrollEvent($event)">
  <div class="banner_box">
    <div class="banner">
      <img src="http://img.zcool.cn/community/01dc0558ad38e6a801219c772b5fa8.jpg" alt="">
    </div>
  </div>
  <button ion-button full [clipboard]="message">点击复制</button>
  <div>{{_date | dateTime:'yyyy:MM-dd hh:mm:ss'}}</div>
  <div>{{_date | date:'yyyy:MM-dd hh:mm:ss'}}</div>
  <div style="min-height: 1000px;">
    <ion-list [virtualScroll]="items">
      <ion-item *virtualItem="let item">
        <ion-avatar item-start>
          <ion-img [src]="item.avatarUrl"></ion-img>
        </ion-avatar>
        {{ item.firstName }} {{ item.lastName }}
      </ion-item>
    </ion-list>
  </div>
  <ion-infinite-scroll (ionInfinite)="doInfinite($event)" [enabled]="has_next">
    <ion-infinite-scroll-content loadingSpinner="bubbles" loadingText="Loading more data..."></ion-infinite-scroll-content>
  </ion-infinite-scroll>
</ion-content>
